<%@ page language="java" contentType="text/html; charset=utf-8"
		 pageEncoding="utf-8"%>
<%@ include file="/views/common/resources.jsp" %>
<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>操作记录</title>
	<link href="${basePath}resources/js/common/plugin/select2/css/select2.min.css" rel="stylesheet">
	<link href="${basePath}resources/js/common/plugin/My97DatePicker/skin/WdatePicker.css" rel="stylesheet">
	<link href="${basePath}resources/css/report.css" rel="stylesheet">
	<script src="${basePath}resources/js/common/plugin/select2/js/select2.min.js"></script>
	<script src="${basePath}resources/js/common/plugin/My97DatePicker/WdatePicker.js"></script>
	<script src="${basePath}resources/js/common/util/common.js"></script>
	<script src="${basePath}resources/js/common/plugin/echarts/echarts.min.js"></script>
	<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key=d782d52560e7b77e0d764b1496c60dde"></script>
	<style>
		#moduleName{
			border:#dedede 1px solid;
		}
		#inputStartDate{
			margin-right:0;
			padding-left:0;
		}
	</style>
</head>
<body class="realAlarm">
<div class="page">
		<div class="content" style="padding-left:0;padding-right:0">
			<div id="historyAlarm">
				<div class="queryAlarm clearfix pr" style="overflow:hidden;margin-top:10px">
					<div class='fl quaryAllAlarm'>
						<div class="fl clearfix " style='margin-bottom:5px'>
							<!-- <label class="query-label fl">操作时间段:&nbsp;&nbsp;</label> --> 
							<input type="text" id="inputStartDate" class="query-input fl Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d %H:%m:%s'})">
							<span class="fl query-text">至</span>
							<input type="text" id="inputEndDate"  class="query-input Wdate Time_input" onclick="WdatePicker({dateFmt:'yyyy-MM-dd HH:mm:ss',maxDate:'%y-%M-%d %H:%m:%s'})">
						</div>
		                <div class="query-list fl" style="margin-right: 15px;">
		                    <span><input type="text" id="moduleName" class="query-input"  placeholder="模块名称" /></span>
		                    
		                </div>
					</div>
					<div class='fl querAllBotton' style='margin-left:25px'>
						<a class="queryBotton fl db btn" style="margin-right:15px;line-height: 24x;height:24px" id="queryAlarm" href="javascript:;">查询</a>
						<a class="queryBotton fl db btn" style="line-height: 24px;height:24px"  name="exportSimCardBtn" id="exportHistoryAlarmBtn" href="javascript:;">导出</a>
					</div>

				</div>
			</div>
			<div id="queryResult">
			</div>
					<%--导出数据弹窗--%>
			<div id="exportModal" class="modal hide fade" data-backdrop="static" style="left: 51%; width:600px;top: 52%;  margin-top: -89.5px;" aria-hidden="false" tabindex="-1" data-backdrop="static">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
					<h4 id="exportTitle">导出车辆外设信息</h4>
				</div>
				<div class="modal-body" style="font-size: 13px;vertical-align: middle; text-align: center;">
					<span>页数:</span>
					<input class="input-medium" id="StartPageIndex" type="number" value="1"><span>&nbsp;到&nbsp;</span>
					<input class="input-medium" id="EndPageIndex" type="number">
				</div>
				<div class="modal-footer">
					<button class="btn " data-dismiss="modal" aria-hidden="true">关闭</button>
					<button class="btn btn-ecColor" id="confirmExport" name="confirmExport">导出</button>
				</div>
			</div>
		</div>
	<!--提示弹框-->
	<div id="ajax-loading" >
    	<img id="msgLoadImg" alt="" src="${basePath}resources/images/main/big_loading.gif">
    <span id="msgSpan">正在拼命加载,请稍候!</span>
	</div>
	<!--提示弹框-->
	<!--全局遮罩-->
	<div id="mask"></div>
	<!--全局遮罩-->
</div>
<script src="${basePath}resources/js/common/main/HashMap.js"></script>
<script src="${basePath}resources/js/common/main/global.js"></script>
<script src="${basePath}resources/js/common/main/nav.js"></script>
<script src="${basePath}resources/js/business/alarm/alarmType.js"></script>
<script src="${basePath}resources/js/business/log/operateRecord.js"></script>
<!-- <script> -->
// var marginRight= $(document).width()-$(".quaryAllAlarm").width()-50-150+'px';
// if(marginRight>250){
// 	$('.quaryAllAlarm').css('margin-right',marginRight);
// }else{
// // 	$('.quaryAllAlarm').css('margin-right',"250px");
// }
<!-- </script> -->
</body>
</html>